<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>支付宝优惠券</title>
		<meta name="viewport" content="width=device-width,maximum-scale=1.0,initial-scale=1,user-scalable=no">
		<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
		<meta content="no-cache" http-equiv="pragma">
		<meta content="0" http-equiv="expires">
		<meta content="telephone=no, address=no" name="format-detection">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		 <style type="text/css">
			 body{
				 padding: 0;
				 margin: 0;
				 font-size: 0;
				 background-color: #3477FC;
			 }
			.h5_bg{
				 width: 336px;
				 margin: auto;
				 margin-top: 20px;
			}
			.h5_up{
				width: 336px;
				height: 294px;
				background-image: url('https://jinjian.sutpay.cn/image/fy_bg.svg');
				background-size: 100% 100%;
			}
			.title{
				color: #181818;
				font-size: 17px;
				font-weight: bold;
				text-align: center;
				padding-top: 37px;
			}
			.price{
				font-size: 34px;
				color: #EB0000;
				font-weight: bold;
				text-align: center;
			}
			.price span{
				font-size: 17px;
			}
			.rule{
				width: fit-content;
				height: 25px;
				border-radius: 3px;
				border: 1px solid #7D7D7D;
				padding: 0 6px 0 6px;
				line-height: 25px;
				color: #7D7D7D;
				font-size: 14px;
				margin: auto;
				margin-top: 10px;
			}
			.waring{
				text-align: center;
				font-size: 12px;
				color: #BABABA;
				margin-top: 11px;
			}
			.get_btn{
				width: 300px;
				height: 50px;
				color: #FFFFFF;
				text-align: center;
				line-height: 50px;
				font-size: 17px;
				margin: auto;
				margin-top: 10px;
				background-color: #ACACAC;
				border-radius: 5px;
			}
			.get_time{
				text-align: center;
				font-size: 12px;
				color: #616161;
				margin-top: 11px;
			}
			.h5_down{
				height: 192px;
				background-color: #fff;
				border-radius: 0 0 10px 10px;
				margin-top: -1px;
				text-align: center;
			}
			.zfb_icon{
				width: 34px;
				height: 34px;
				margin-top: 17px;
			}
			.war_title{
				width: 82px;
				height: 30px;
				background-color: #FFEFEF;
				line-height: 30px;
				color: #EB0000;
				font-size: 15px;
				margin: auto;
				margin-top: 10px;
				border-radius: 5px;
			}
			.war_text1{
				font-size: 14px;
				line-height: 21px;
				margin-top: 8px;
				color: #EB0000;
			}
			.war_text2{
				width: 275px;
				font-size: 14px;
				color: #EB0000;
				margin: auto;
			}
		 </style>
	</head>
	<body>
		
		<div class="h5_bg">
			<div class="h5_up">
				<div class="title">{{ data.activity_name }}</div>
				<div class="price"><span>￥</span>{{ data.amount }}</div>
				<div class="rule">{{ data.floor_amount }}</div>
				<div class="waring">此券为机构自行发放，仅限在对应机构合作商家使用</div>
				<div class="get_btn">无法领取</div>
				<div class="get_time">领取截止时间：{{ data.publish_end_time }}</div>
			</div>
			<div class="h5_down">
				<img class="zfb_icon" src="https://jinjian.sutpay.cn/image/hl_img10.png" >
				<div class="war_title">温馨提示</div>
				<div class="war_text1">该优惠券仅限使用支付宝APP领取。</div>
				<div class="war_text2">请使用支付宝APP，扫一扫功能扫描领取二维码再次领取！</div>
			</div>
		</div>
	</body>
	<script >
		var _hmt = _hmt || [];
		(function() {
		  var hm = document.createElement("script");
		  hm.src = "https://hm.baidu.com/hm.js?1952ce33cb7e3cdba37d4d070611de45";
		  var s = document.getElementsByTagName("script")[0]; 
		  s.parentNode.insertBefore(hm, s);
		})();
	</script>
</html>
